@import 'src/styles/theme';

.line-item-wrapper {
  position: relative;
  width: 100%;

  .item-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    background-color: rgba(244, 246, 248, 0.3);
  }
}

.no-border {
  border: unset;
  box-shadow: unset;
}

%template {
  font-size: 32px;
  background-color: $white;
  @extend %flex-column;
  justify-content: center;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 10px 19px 1px $shadow-color;
  color: $text-color;
  margin-bottom: 20px;
}

.space-between-container {
  justify-content: space-between;
  flex-direction: row;
}

.card {
  @extend %template;
  padding: 0;
}
